import React, { Component } from "react";
import { Tabs } from "antd";
import ImgList from "../ImgList";

const { TabPane } = Tabs;

function callback(key) {
  console.log(key);
}

const personalItemNames=['人才服务','创新创业','就业帮扶','用工照片','劳动保障','社会保险','人事考试','职称评审','更多'];
const legalItemNames=['类别1','类别2','类别3','更多'];
const institutionItemNames=['类别A','类别B','类别C','更多'];


export default class index extends Component {
  render() {
    return (
      <div>
        <Tabs defaultActiveKey="1" onChange={callback} centered>
          <TabPane tab="个人业务" key="1">
            <ImgList itemNames={personalItemNames}/>
          </TabPane>
          <TabPane tab="法人业务" key="2">
            <ImgList itemNames={legalItemNames}/>
          </TabPane>
          <TabPane tab="事业单位业务" key="3">
            <ImgList itemNames={institutionItemNames}/>
          </TabPane>
        </Tabs>
      </div>
    );
  }
}
